<template>
    <view class="datree-box" v-if="isLoad">
        <view style="padding: 100rpx 0;text-align: center;font-size: 28rpx;color: #999;" v-if="treeData.length==0">暂无数据

        </view>

        <view class="box">
            <view class="item" v-for="i,j of treeData">
                姓名:{{i.name}}
                <view class="fbox">
                    <view>电话:{{i.phone}}</view>
                    <view>总业绩:{{i.amount}}</view>
                </view>
            </view>
        </view>

        <!--        <DaTreeVue2 :data="treeData" labelField="name" valueField="id" defaultExpandAll :showRadioIcon="false"
            :checkboxPlacement="left"></DaTreeVue2> -->

    </view>
</template>

<script>
    import DaTreeVue2 from '@/components/da-tree-vue2/index.vue'
    import api from '@/api/api.js';
    export default {
        components: { DaTreeVue2 },
        data() {
            return {
                treeData: [],
                isLoad: 0
            }
        },
        onLoad() {
            api.getJobUserList({}).then(r => {
                console.log(222, r)
                this.treeData = r.treeData
                this.isLoad = 1
            })
        },
        methods: {


        },
    }
</script>
<style>
    .box {
        width: 690rpx;
        margin: 30rpx;
        border: 1px solid #333;
    }

    .item {
        border-bottom: 1px solid #333;
        padding: 20rpx;
    }

    .item:last-child {
        border-bottom: none;
    }

    .fbox {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20rpx;
    }
</style>
<!-- <style lang="scss" src="./demox.scss"></style> -->